<!-- Fonte da página e do CSS: http://www.freelancesuite.com/demo/ -->

<html> 
  <head> 
          <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
          <link rel="shortcut icon" type="image/ico" href="images/favicon.ico" />	
          <title>Livraria Campinense</title>
          <link rel="stylesheet" href="${resource(dir:'css',file:'login.css')}" />
  </head> 
  <body id="login">
      <div id="wrappertop"></div>
              <div id="wrapper">
                  <div id="content">
                          <div id="header">
                            <h1>Livraria Campinense</h1>
                          </div> 
                          <div id="darkbanner" class="banner320"> 
                                  <h2>Login</h2> 
                          </div> 
                          <div id="darkbannerwrap"> 
              </div>
              <g:if test="${flash.message}">
                <div id="erro">${flash.message}</div>
              </g:if>
       <br/>
       <g:form action="authenticate" controller="app" method="post" >
         <fieldset class="form">
            <p>
              <label for="user_name">Usuário:</label>
              <input name="login" id="login" type="text" value="" />
            </p>
            <p>
              <label for="user_password">Senha:</label> 
              <input name="senha" id="senha" type="password" /> 
            </p>
           
            <button type="submit" class="save" value="Login"> 
              <img src="${resource(dir:'images/login',file:'key.png')}"/>Logar
            </button>
         </fieldset>
      </g:form>
  </body>
</html>